<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>头部导航</title>
    <link rel="stylesheet" href="./dist/css/reset.min.css">
    <link rel="stylesheet" href="./dist/css/common.min.css">
    <link rel="stylesheet" href="./dist/css/index.min.css">
    <link rel="stylesheet" href="./dist/css/header.min.css">
    <link rel="stylesheet" href="./dist/css/footer.min.css">
    <link rel="stylesheet" href="./dist/css/widget.min.css">
    <link rel="stylesheet" href="./plugins/swiper/swiper-bundle.min.css">
    <!--单色-->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_3167845_r38ktrvldx.css">
    <!--彩色-->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_3163570_kbyj4t4few.css">

</head>
<!--外链 a标签添加rel="noopener nofollow"-->
<body>
<header class="header shadow mb-1">
    <div class="d-flex container">
        <div class="header-logo">
            <a href="javascript:;">
                <img src="./src/img/logo.svg"
                     alt="">
            </a>
            <h3 class="d-none">筠悦科技</h3>
        </div>
        <div class="header-menu">
            <ul class="header-menu-item">
                <li class="menu-active"><a href="/" title="首页">首页</a></li>
                <li><a href="article.html" title="网站大全">文章详情</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="/write_article.html" title="文章管理">文章管理</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">应该是七个字吧</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="JavaScript:alert(4);" title="小程序大全">小程序</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="JavaScript:alert(5);" title="文章资讯">文章</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="JavaScript:alert(6);" title="企业大全">企业</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="JavaScript:alert(7);" title="快审联盟">联盟</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="JavaScript:alert(8);" title="积分商城">商城</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li>
                    <a href="" title="专题">专题</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="header-submeun">
            <div class="header-submeun-search">
                <input type="text" class="header-submeun-search-input " placeholder="请输入关键字">
                <a class="btn header-submeun-search-btn">
                    <i class="ic ic-search"></i>
                </a>
            </div>
            <div class="d-flex d-none">
                <a href="" class="btn btn-danger">注册</a>
                <a href="" class="btn btn-success">登陆</a>
            </div>
            <div class="header-submeun-user">
                <div class="header-submeun-user-avatar">
                    <img src="//iconfont.alicdn.com/t/1570850261949.png@100h_100w.jpg" alt="用户头像">
                </div>
                <ul class="header-submeun-user-dropdown anim anim-upbit">
                    <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                </ul>
            </div>
        </div>
    </div>
</header>

<main class="container">
    <!-- 通知开始 -->
    <div class="notice d-flex mb-1 mt-1 radius-2">
        <i class="mr-1 ic ic-remind size-28"></i>
        <div class="notice-box">
            <ul>
                <li><a href="//www.baidu.com">简单这就是生活啊这就是生活啊这就是生活啊这就是生活啊这就是生活啊这就是生活啊这就是生活啊</a>
                </li>
                <li><a href="">这就是生活啊</a></li>
                <li><a href="">简简单单的生活</a></li>
                <li><a href="">好多屁话要说啊</a></li>
                <li><a href="">视金钱如粪土</a></li>
            </ul>
        </div>
        <div id="he-plugin-simple"></div>
    </div>
    <!-- 通知结束 -->
    <!--轮播图滚动开始-->
    <div class="carousel mb-1 ">
        <div class="carousel-left box-left">
            <!--轮播大开始-->
            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="" class="carousel-item">
                            <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1114%2F062021132H5%2F210620132H5-1-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1645623724&t=39839988040cbbc84a45db7b2a6b9231"
                                 alt="" class="">
                        </a>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
            <!--轮播大结束-->
        </div>
        <div class="carousel-right box-right">
            <div class="chicken-soup radius-5">
                <div class="top">
                    <div class="title">
                        <i class="ic ic-chicken-soup"></i>
                        心灵鸡汤
                    </div>
                    <a href="javascript:alert(1);"> <i class="ic ic-more"></i>
                    </a>
                </div>
                <div class="content">
                    简单这就是生活啊这就是生活啊这就是生活啊这就是生活啊这就是生活啊这就是生活啊这就是生活啊
                </div>
                <div class="current-time">
                    <label>当前时间:</label> <span>2022年2月2日22:34:23</span>
                </div>
            </div>
            <div class="covid-19 radius-5">
                <div class="top">
                    <div class="title">
                        <i class="ic ic-covid-19"></i>
                        国内新冠疫情快讯
                    </div>
                    <a href="" rel="noopener nofollow"> <i class="ic ic-more"></i></a>
                </div>
                <div class="content">
                    <div class="content-item">
                        <p>
                            较上日<span class="color-1">+36</span>
                        </p>
                        <p class="color-1">
                            1280
                        </p>
                        <p>
                            本土现有确诊
                        </p>
                    </div>
                    <div class="content-item">
                        <p>
                            较上日<span class=" color-2">+36</span>
                        </p>
                        <p class="color-2">
                            1280
                        </p>
                        <p>
                            现有确诊
                        </p>
                    </div>
                    <div class="content-item">
                        <p>
                            较上日<span class=" color-3">+36</span>
                        </p>
                        <p class="color-3">
                            1280
                        </p>
                        <p>
                            累计确诊
                        </p>
                    </div>
                    <div class="content-item">
                        <p>
                            较上日<span class=" color-4">+36</span>
                        </p>
                        <p class="color-4">
                            1280
                        </p>
                        <p>
                            无症状感染者
                        </p>
                    </div>
                    <div class="content-item">
                        <p>
                            较上日<span class=" color-5">+36</span>
                        </p>
                        <p class="color-5">
                            1280
                        </p>
                        <p>
                            境外输入
                        </p>
                    </div>
                    <div class="content-item">
                        <p>
                            较上日<span class=" color-6">+36</span>
                        </p>
                        <p class="color-6">
                            1280
                        </p>
                        <p>
                            累计死亡
                        </p>
                    </div>
                </div>
                <div class="update-time">
                    <label>统计截止:<span>2022-1-28 15:59:39</span>更新于<span>20分钟</span>前</label>
                </div>
            </div>
            <div class="sidebar-share radius-5">
                <ul class="radius-5">
                    <li><a href="javascript:;" title="分享给QQ好友"><i class="ic ic-qq size-28"></i></a></li>
                    <li><a href="javascript:;" title="分享到微信"><i class="ic ic-wechat size-28"></i></a></li>
                    <li><a href="javascript:;" title="分享到QQ空间"><i class="ic ic-qzone size-28"></i></a></li>
                    <li><a href="javascript:;" title="收藏当前页"><i class="ic ic-browser-tag size-28"></i></a></li>
                    <li><a href="javascript:;" title="打印当前页"><i class="ic ic-print size-28"></i></a></li>


                </ul>
            </div>
        </div>
    </div>
    <!--轮播图滚动结束-->

    <!-- 站内广告开始 -->
    <div class="banner radius-2 mb-2 mt-2 ad-subscript ">
        <a href="#" class="text-danger">
            <img src="https://www.suidc.cn/favicon.ico">网站快审送今日头条等媒体软文
        </a>
        <a href="#" class="text-grey">广告位招租:1095143545</a>
        <a href="#" class="text-grey">网站快审送今日头条等媒体软文</a>
        <a href="#" class="text-success">网站快审送今日头条等媒体软文</a>
        <a href="#" class="text-info">网站快审送今日头条等媒体软文</a>
        <a href="#" class="">网站快审送今日头条等媒体软文</a>
        <a href="#" class="">网站快审送今日头条等媒体软文</a>
        <a href="#" class="">网站快审送今日头条等媒体软文</a>
        <a href="#" class="">网站快审送今日头条等媒体软文</a>
        <a href="#" class="">网站快审送今日头条等媒体软文</a>
        <a href="#" class="">网站快审送今日头条等媒体软文</a>
        <a href="#" class="">网站快审送今日头条等媒体软文</a>
        <a href="#" class="">网站快审送今日头条等媒体软文</a>
        <a href="#" class="">网站快审送今日头条等媒体软文</a>
        <a href="#" class="">网站快审送今日头条等媒体软文</a>
    </div>
    <!-- 站内广告结束 -->

    <!--文章开始-->
    <div class="main mb-2 " id="article">
        <div class="box-left">
            <!--文章部分-->
            <div class="article mb-1">
                <!--<div class="article-column radius-5">
                    <h3 class="title">最新文章</h3>
                    <ul>
                        <li class="column-active"><a href="">最新</a></li>
                        <li><a href="">文章内容</a></li>
                        <li><a href="">数字化内容</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                        <li><a href="">第1个</a></li>
                    </ul>
                    <div class="more">
                        <i class="ic ic-more"></i>
                    </div>
                </div>-->
                <div class="article-list">
                    <div class="article-item radius-5">
                        <a class="img">
                            <img src="https://image.uisdc.com/wp-content/uploads/2022/01/uisdc-banner-20220127-2.jpg"
                                 alt="">
                        </a>
                        <div class="content">
                            <a href="" class="title">虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包</a>
                            <a href="" class="dec">大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯，有上传想法的小伙伴们赶快试试吧！</a>
                            <div class="meta">
                                <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                                <span><i class="ic ic-like"></i>998</span>
                                <span><i class="ic ic-view"></i>998</span>

                            </div>
                        </div>
                    </div>
                    <div class="article-item radius-5 row-reverse">
                        <a class="img">
                            <img src="https://image.uisdc.com/wp-content/uploads/2022/01/uisdc-banner-20220127-2.jpg"
                                 alt="">
                        </a>
                        <div class="content">
                            <a href="" class="title">虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包</a>
                            <a href="" class="dec">大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯，有上传想法的小伙伴们赶快试试吧！</a>
                            <div class="meta">
                                <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                                <span><i class="ic ic-like"></i>998</span>
                                <span><i class="ic ic-view"></i>998</span>

                            </div>
                        </div>
                    </div>
                    <div class="article-item radius-5">
                        <a class="img">
                            <img src="https://image.uisdc.com/wp-content/uploads/2022/01/uisdc-banner-20220127-2.jpg"
                                 alt="">
                        </a>
                        <div class="content">
                            <a href="" class="title">虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包</a>
                            <a href="" class="dec">大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯，有上传想法的小伙伴们赶快试试吧！</a>
                            <div class="meta">
                                <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                                <span><i class="ic ic-like"></i>998</span>
                                <span><i class="ic ic-view"></i>998</span>

                            </div>
                        </div>
                    </div>
                    <div class="article-item radius-5 row-reverse">
                        <a class="img">
                            <img src="https://image.uisdc.com/wp-content/uploads/2022/01/uisdc-banner-20220127-2.jpg"
                                 alt="">
                        </a>
                        <div class="content">
                            <a href="" class="title">虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包</a>
                            <a href="" class="dec">大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯，有上传想法的小伙伴们赶快试试吧！</a>
                            <div class="meta">
                                <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                                <span><i class="ic ic-like"></i>998</span>
                                <span><i class="ic ic-view"></i>998</span>

                            </div>
                        </div>
                    </div>
                    <div class="article-item radius-5">
                        <a class="img">
                            <img src="https://image.uisdc.com/wp-content/uploads/2022/01/uisdc-banner-20220127-2.jpg"
                                 alt="">
                        </a>
                        <div class="content">
                            <a href="" class="title">虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包</a>
                            <a href="" class="dec">大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯，有上传想法的小伙伴们赶快试试吧！</a>
                            <div class="meta">
                                <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                                <span><i class="ic ic-like"></i>998</span>
                                <span><i class="ic ic-view"></i>998</span>

                            </div>
                        </div>
                    </div>
                    <div class="article-item radius-5 row-reverse">
                        <a class="img">
                            <img src="https://image.uisdc.com/wp-content/uploads/2022/01/uisdc-banner-20220127-2.jpg"
                                 alt="">
                        </a>
                        <div class="content">
                            <a href="" class="title">虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包</a>
                            <a href="" class="dec">大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯，有上传想法的小伙伴们赶快试试吧！</a>
                            <div class="meta">
                                <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                                <span><i class="ic ic-like"></i>998</span>
                                <span><i class="ic ic-view"></i>998</span>

                            </div>
                        </div>
                    </div>
                    <div class="article-item radius-5">
                        <a class="img">
                            <img src="https://image.uisdc.com/wp-content/uploads/2022/01/uisdc-banner-20220127-2.jpg"
                                 alt="">
                        </a>
                        <div class="content">
                            <a href="" class="title">虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包</a>
                            <a href="" class="dec">大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯，有上传想法的小伙伴们赶快试试吧！</a>
                            <div class="meta">
                                <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                                <span><i class="ic ic-like"></i>998</span>
                                <span><i class="ic ic-view"></i>998</span>

                            </div>
                        </div>
                    </div>
                    <!--植入广告-->
                    <div class="article-item radius-5 row-reverse">
                        <a class="img">
                            <img src="https://image.uisdc.com/wp-content/uploads/2022/01/uisdc-banner-20220127-2.jpg"
                                 alt="">
                        </a>
                        <div class="content">
                            <a href="" class="title">虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包</a>
                            <a href="" class="dec">大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯，有上传想法的小伙伴们赶快试试吧！</a>
                            <div class="meta">
                                <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                                <span><i class="ic ic-like"></i>998</span>
                                <span><i class="ic ic-view"></i>998</span>

                            </div>
                        </div>
                    </div>
                    <div class="article-item radius-5">
                        <a class="img">
                            <img src="https://image.uisdc.com/wp-content/uploads/2022/01/uisdc-banner-20220127-2.jpg"
                                 alt="">
                        </a>
                        <div class="content">
                            <a href="" class="title">虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包</a>
                            <a href="" class="dec">大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯，有上传想法的小伙伴们赶快试试吧！</a>
                            <div class="meta">
                                <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                                <span><i class="ic ic-like"></i>998</span>
                                <span><i class="ic ic-view"></i>998</span>

                            </div>
                        </div>
                    </div>
                    <div class="article-item radius-5 row-reverse">
                        <a class="img">
                            <img src="https://image.uisdc.com/wp-content/uploads/2022/01/uisdc-banner-20220127-2.jpg"
                                 alt="">
                        </a>
                        <div class="content">
                            <a href="" class="title">虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包</a>
                            <a href="" class="dec">大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯，有上传想法的小伙伴们赶快试试吧！</a>
                            <div class="meta">
                                <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                                <span><i class="ic ic-like"></i>998</span>
                                <span><i class="ic ic-view"></i>998</span>

                            </div>
                        </div>
                    </div>
                    <div class="article-item radius-5">
                        <a class="img">
                            <img src="https://image.uisdc.com/wp-content/uploads/2022/01/uisdc-banner-20220127-2.jpg"
                                 alt="">
                        </a>
                        <div class="content">
                            <a href="" class="title">虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包</a>
                            <a href="" class="dec">大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯，有上传想法的小伙伴们赶快试试吧！</a>
                            <div class="meta">
                                <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                                <span><i class="ic ic-like"></i>998</span>
                                <span><i class="ic ic-view"></i>998</span>

                            </div>
                        </div>
                    </div>
                    <div class="article-item radius-5 row-reverse">
                        <a class="img">
                            <img src="https://image.uisdc.com/wp-content/uploads/2022/01/uisdc-banner-20220127-2.jpg"
                                 alt="">
                        </a>
                        <div class="content">
                            <a href="" class="title">虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包</a>
                            <a href="" class="dec">大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯，有上传想法的小伙伴们赶快试试吧！</a>
                            <div class="meta">
                                <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                                <span><i class="ic ic-like"></i>998</span>
                                <span><i class="ic ic-view"></i>998</span>

                            </div>
                        </div>
                    </div>
                    <div class="article-item radius-5">
                        <a class="img">
                            <img src="https://image.uisdc.com/wp-content/uploads/2022/01/uisdc-banner-20220127-2.jpg"
                                 alt="">
                        </a>
                        <div class="content">
                            <a href="" class="title">虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包</a>
                            <a href="" class="dec">大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯，有上传想法的小伙伴们赶快试试吧！</a>
                            <div class="meta">
                                <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                                <span><i class="ic ic-like"></i>998</span>
                                <span><i class="ic ic-view"></i>998</span>

                            </div>
                        </div>
                    </div>
                    <div class="article-item radius-5 row-reverse">
                        <a class="img">
                            <img src="https://image.uisdc.com/wp-content/uploads/2022/01/uisdc-banner-20220127-2.jpg"
                                 alt="">
                        </a>
                        <div class="content">
                            <a href="" class="title">虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包</a>
                            <a href="" class="dec">大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯，有上传想法的小伙伴们赶快试试吧！</a>
                            <div class="meta">
                                <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                                <span><i class="ic ic-like"></i>998</span>
                                <span><i class="ic ic-view"></i>998</span>

                            </div>
                        </div>
                    </div>
                    <div class="article-item radius-5">
                        <a class="img">
                            <img src="https://image.uisdc.com/wp-content/uploads/2022/01/uisdc-banner-20220127-2.jpg"
                                 alt="">
                        </a>
                        <div class="content">
                            <a href="" class="title">虎年“hú”利！资深插画师手把手教你100%成功上架微信表情包</a>
                            <a href="" class="dec">大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯小光老师为大家准备的微信表情包上传全攻略来咯，有上传想法的小伙伴们赶快试试吧！</a>
                            <div class="meta">
                                <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                                <span><i class="ic ic-like"></i>998</span>
                                <span><i class="ic ic-view"></i>998</span>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="box-right" id="article-right">
            <!--用户头像开始-->
            <div class="person  radius-5 mb-2 ">
                <div class="person-top">
                    <div class="person-top-bg"></div>
                    <div class="person-top-avatar">
                        <img src="//iconfont.alicdn.com/t/1570850261949.png@100h_100w.jpg" alt=""
                             class="person-top-avatar-img">
                    </div>
                </div>
                <div class="person-center">
                    <p class="person-name">
                        <a href="">筠悦科技</a>
                    </p>
                    <p class="person-description">
                        我也曾想仗剑走天涯，无奈BUG颇多死在了键盘上
                        少小离家老大回,乡音无改鬓毛催
                    </p>
                </div>
                <div class="person-bottom">
                    <ul>
                        <li><a href=""><i class="ic ic-qq size-28"></i></a></li>
                        <li><a href=""><i class="ic ic-wechat size-28"></i></a></li>
                        <li><a href=""><i class="ic ic-github size-28"></i></a></li>
                        <li><a href=""><i class="ic ic-gitee size-28"></i></a></li>
                    </ul>
                </div>
            </div>
            <!--用户头像结束-->
            <!--排行榜开始-->
            <div class="d-none rank radius-5 mb-2 ">
                <div class="top">
                    <div class="title">
                        <i class="ic ic-hot-fire"></i>
                        百度热搜
                    </div>
                    <ul>
                        <li><a href="javascript:;" class="pointer-click active" data-id="left"><i
                                class="pointer ic ic-to-left"></i></a>
                        </li>
                        <li><a href="javascript:;" class="pointer-click" data-id="right"><i
                                class="pointer ic ic-to-right"></i></a>
                        </li>
                    </ul>
                </div>
                <div class="content">
                    <div class="left" id="left">
                        <div class="content-item">
                            <em class="rank-mun rank-color-1">1</em>
                            <a href="" class="title">这份不变的牵挂温暖人心 <i>热</i></a>
                            <p class="times">49374064554</p>

                        </div>
                        <div class="content-item">
                            <em class="rank-mun rank-color-2">2</em>
                            <a href="" class="title">这份不变的牵挂温暖人<i>新</i></a>
                            <p class="times">467937464</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun rank-color-3">3</em>
                            <a href="" class="title">气死人 <i>火爆</i></a>
                            <p class="times">11374464</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">4</em>
                            <a href="" class="title">哦 <i class="ic ic-hot-fire"></i></a>
                            <p class="times">49374634</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">5</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">6</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">7</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">8</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">9</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">10</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">11</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">12</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">13</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">14</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">15</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>

                    </div>
                    <div class="right d-none" id="right">
                        <div class="content-item">
                            <em class="rank-mun">16</em>
                            <a href="" class="title">这份不变的牵挂温暖人心 <i>热</i></a>
                            <p class="times">45636</p>

                        </div>
                        <div class="content-item">
                            <em class="rank-mun">17</em>
                            <a href="" class="title">asdasdsa<i>新</i></a>
                            <p class="times">467937464</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">18</em>
                            <a href="" class="title">气死人 <i>火爆</i></a>
                            <p class="times">11374464</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">19</em>
                            <a href="" class="title">asdasdasd哦 <i class="ic ic-hot-fire"></i></a>
                            <p class="times">49374634</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">20</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">24</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">22</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">23</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">24</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">25</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">26</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">27</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">28</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">29</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">30</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                    </div>

                </div>
            </div>
            <!--排行榜结束-->

            <!--站内文章排行开始-->
            <div class="d-none rank radius-5 mb-2 ">
                <div class="top">
                    <div class="title">
                        <i class="ic ic-hot-fire"></i>
                        热门文章
                    </div>
                    <a href=""><i class="ic ic-more"></i></a>
                </div>
                <div class="content">
                    <div class="content-item">
                        <em class="rank-mun rank-color-1">1</em>
                        <a href="" class="title">这份不变的牵挂温暖人心 <i>热</i></a>
                        <p class="times">49374064554</p>

                    </div>
                    <div class="content-item">
                        <em class="rank-mun rank-color-2">2</em>
                        <a href="" class="title">这份不变的牵挂温暖人<i>新</i></a>
                        <p class="times">467937464</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun rank-color-3">3</em>
                        <a href="" class="title">气死人 <i>火爆</i></a>
                        <p class="times">11374464</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun">4</em>
                        <a href="" class="title">哦 <i class="ic ic-hot-fire"></i></a>
                        <p class="times">49374634</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun">5</em>
                        <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                        <p class="times">4937424</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun">6</em>
                        <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                        <p class="times">4937424</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun">7</em>
                        <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                        <p class="times">4937424</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun">8</em>
                        <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                        <p class="times">4937424</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun">9</em>
                        <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                        <p class="times">4937424</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun">10</em>
                        <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                        <p class="times">4937424</p>
                    </div>
                </div>
            </div>
            <!--站内文章排行结束-->
            <!--标签云开始-->
            <div class="tags radius-5 mb-2">
                <div class="top">
                    <div class="title">
                        <i class="ic ic-tag-cloud"></i>
                        标签云
                    </div>
                    <a href=""><i class="ic ic-more"></i></a>
                </div>
                <div class="content">
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                </div>
            </div>
            <!--标签云结束-->
            <!--站内统计开始-->
            <div class="d-none statistics mb-2 radius-5">
                <div class="top">
                    <div class="title">
                        <i class="ic ic-statistics"></i>
                        站内统计
                    </div>
                </div>
                <div class="content">
                    <div class="content-item">
                        <i class="ic ic-article"></i>
                        <em>文章数</em>
                        <p>9998</p>
                    </div>
                    <div class="content-item">
                        <i class="ic ic-tag"></i>
                        <em>标签数</em>
                        <p>9998</p>
                    </div>
                    <div class="content-item">
                        <i class="ic ic-friendship-link"></i>
                        <em>友链数</em>
                        <p>9998</p>
                    </div>
                    <div class="content-item">
                        <i class="ic ic-view"></i>
                        <em>总浏览数</em>
                        <p>9998</p>
                    </div>

                </div>
            </div>
            <!--站内统计结束-->
            <!--图片广告开始-->
            <div class="image-ad mb-2 radius-5 ad-subscript">
                <a href=""><img src="./src/img/image-ad.jpg" alt=""></a>
            </div>
            <!--图片广告结束-->
        </div>
    </div>
    <!--文章结束-->
    <!--友情链接开始-->
    <div class="links mb-2 radius-5">
        <div class="top">
            <div class="title">
                <i class="ic ic-friendship-link"></i>
                友情链接
            </div>
            <a href="">友链申请</a>
        </div>
        <div class="content">
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
            <a href="">筠悦科技</a>
        </div>

    </div>
    <!--友情链接结束-->
</main>
<footer class="footer">
    <div class="footer-main container ">
        <div class="footer-left">
            <div class="footer-about">
                阿斯达斯大叔大叔大叔大所大所大所多
            </div>
        </div>
        <div class="footer-center">
            <ul class="d-flex link-box">
                <li><a href="">关于我们</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">加入我们</a></li>
                <li><a href="">隐私保护</a></li>
                <li><a href="">网站地图</a></li>
                <li><a href="">收录标准</a></li>
                <li><a href="">友情链接</a></li>
            </ul>
        </div>
        <div class="footer-right">
            <div class="img-list">
                <div class="img-item-box">
                    <div class="img-item">
                        <img src="./src/img/logo.svg" alt="">
                    </div>
                    <p>微信</p>
                </div>
                <div class="img-item-box">
                    <div class="img-item">
                        <img src="./src/img/logo.svg" alt="">
                    </div>
                    <p>QQ</p>
                </div>
                <div class="img-item-box">
                    <div class="img-item">
                        <img src="./src/img/logo.svg" alt="">
                    </div>
                    <p>QQ群</p>
                </div>
            </div>

        </div>
    </div>
    <div class="footer-bottom container">
        <div class="copyright">
            Copyright ©
            <a href="https://www.52zsj.com" title="傲杰笔记">傲杰笔记</a> All Rights Reserved.
            <a href="javascript:;">备案号2564646</a>
        </div>
        <div class="other">

        </div>
    </div>
</footer>

<div class="fixed-menu">
    <div class="fixed-menu-item" data-id="go-home">
        <i class="ic ic-home-page"></i>
        <span>返回首页</span>
    </div>

    <div class="fixed-menu-item" data-id="go-qq">
        <i class="ic ic-qq"></i><span>QQ</span>
        <div class="fixed-menu-item-box">
            <div class="fixed-menu-item-img">
                <img src="http://linghangbao.com/Public/Home/newlh/image/wechatcode.png" alt="">
                <p>微信公众号</p>
            </div>
            <div class="fixed-menu-item-img">
                <img src="http://linghangbao.com/Public/Home/newlh/image/wechatcode.png" alt="">
                <p>腾讯视频号</p>
            </div>
            <div class="fixed-menu-item-img">
                <img src="http://linghangbao.com/Public/Home/newlh/image/wechatcode.png" alt="">
                <p>抖音数字号</p>
            </div>
        </div>
    </div>
    <div class="fixed-menu-item" data-id="go-wechat">
        <i class="ic ic-wechat"></i><span>微信</span>
        <div class="fixed-menu-item-box">
            <div class="fixed-menu-item-img">
                <img src="http://linghangbao.com/Public/Home/newlh/image/wechatcode.png" alt="">
                <p>微信</p>
            </div>
        </div>
    </div>
    <div class="fixed-menu-item" data-id="go-bottom">
        <i class="ic ic-go-bottom"></i>
        <span>去底部</span>
    </div>
    <div class="fixed-menu-item" data-id="go-top">
        <i class="ic ic-go-top"></i><span>返回顶部</span>
    </div>
</div>
</body>

</html>
<script src="./plugins/jquery.js"></script>


<script src="./plugins/swiper/swiper-bundle.min.js"></script>
<script src="./plugins/textSlider/textSlide.min.js"></script>
<script src="./plugins/common.js"></script>
<script src="./plugins/theia-sticky-sidebar/dist/theia-sticky-sidebar.min.js"></script>
<!--天气-->
<script>
    WIDGET = {
        "CONFIG": {
            "modules": "10234",
            "background": "4",
            "tmpColor": "FF9900",
            "tmpSize": "15",
            "cityColor": "FF0000",
            "citySize": "15",
            "aqiColor": "00FF00",
            "aqiSize": "15",
            "weatherIconSize": "20",
            "alertIconSize": "15",
            "padding": "2px 2px 2px 2px ",
            "shadow": "0",
            "language": "auto",
            "fixed": "false",
            "vertical": "center",
            "horizontal": "center",
            "key": "5bf452691bd94da48add698313823e07"
        }
    }
</script>
<script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>
<script src="./plugins/jquery.color.js"></script>
<!--轮播-->
<script>
    $(document).ready(function ($) {
        $(".notice-box").textSlider({line: 1, speed: 300, timer: 3000});
    });
    var mySwiper = new Swiper('.swiper', {
        direction: 'horizontal', //水平切换
        loop: true, // 循环模式选项
        autoplay: true,//可选选项，自动滑动

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },
        zoom: true, //开启缩放功能


    })
</script>
<!--排行数字-->
<script>
    $(".rank").find('.times').each(function () {
        let text = $(this).text();
        $(this).text(bigNumberTransform(text))
    })
</script>
<!--排行切换-->
<script>
    $(".pointer-click").click(function () {
        let id = $(this).data('id');
        id = '#' + id;
        if ($(this).hasClass('active')) {
            return false;
        }
        let tag_a = $(this).parent('li').siblings('li').find('a');
        $(this).addClass('active')
        tag_a.removeClass('active');
        $(id).fadeToggle().removeClass('d-none');
        let dnone_a = tag_a.data('id');
        dnone_a = '#' + dnone_a;
        $(dnone_a).fadeToggle().addClass('d-none');
    })
</script>
<!--滚动固定-->
<script>
    $('#article-right').theiaStickySidebar({
        additionalMarginTop: 10,
        additionalMarginBottom: 0
    });
</script>

